<template>
  <div class="mainIntro">
    <div class="contentArea">
      <h1 class="primaryText">Luna</h1>
      <h1 class="primaryText">Material</h1>
      <h1 class="primaryText">·</h1>
      <h1 class="primaryText">You</h1>
      <p>Solemnly introduce Luna Material · You UI to you.</p>
      <p>This base UI frame is based on Vue.js, support 2.x version.</p>
      <p>Design language based on Google Material You.</p>
      <p>Now using at</p>
      <p><a class="primaryText" href="http://43.138.23.151/Luna/0377-car-club">Luna Garden©</a></p>
      <p><a class="primaryText" href="http://43.138.23.151/Luna/0377-car-club">Luna Gallery©</a></p>
      <p><a class="primaryText" href="http://43.138.23.151/Luna/0377-car-club">Luna Chatting©</a></p>
      <p><a class="primaryText" href="http://43.138.23.151/Luna/0377-car-club">Luna Chinese Color©</a></p>
      <p><a class="primaryText" href="http://43.138.23.151/Luna/0377-car-club">0377 Club©</a></p>
      <p><a class="primaryText" href="https://evillas.gr/">E-Villas©</a></p>
      <p><a class="primaryText" href="https://shop-foxtail.com/">Fox Tail©</a></p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeView'
}
</script>
<style scoped lang="scss">
.mainIntro {
  min-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  .contentArea {
  }
}
</style>
